<template>
<div>
        <div class="panel panel-primary">
          <div class="panel-heading" style="background-color: #444A5A;padding: 0px;border: 1px #444A5A solid">
            <div class="row" style="margin-top: 15px;margin-bottom: 10px">
              <div class="col-xs-2 text-center">
               <img src="../assets/jcd.png" style="height: 30px;width: 30px;">
                <div style="font-size: 15px">至诚失物招领平台</div>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 13px;font-size: 15px;">
                <router-link to="/firstPage"><span class="glyphicon glyphicon-th-large">&nbsp;首页</span></router-link>
              </div>
              <div class="col-xs-1 text-center " style="margin-top: 15px;font-size: 15px;">
                <router-link to="/registerPage" v-on:click="trans">信息登记</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
                <router-link to="/lostManagementPage">寻物管理</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
                <router-link to="/foundManagementPage">招领管理</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
                <router-link to="/userPage">用户管理</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
                <router-link to="/overdueNoticeManagementPage">过期启事</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
                <router-link to="/noticeManagementPage">公告管理</router-link>
              </div>
              <div class="col-xs-1 text-center" style="margin-top: 15px;font-size: 15px;">
  <!--              <span class="glyphicon glyphicon-user"></span> &nbsp; -->
                <router-link to="/myAccount">我的账户</router-link>
              </div>
              <div class="col-xs-2 text-center"  style="margin-top: 15px;font-size: 15px;">
                <router-link to="/login">
                  <span class="glyphicon glyphicon-log-out"></span> &nbsp;
                  退&nbsp;&nbsp; 出
                </router-link>
              </div>
            </div>
          </div>
        </div>
</div>
</template>

<script>
    export default {
      name: "headerComponent",
      props:['account'],
      data(){
          return {
          }
      },
      methods:{
        trans(){

        }
      }

    }
</script>

<style scoped>
  a{
    color:white;
  }
  a:hover{
    color: #CECECE;
  }
  /*a:active{*/
  /*  color:#FFFFFF;*/
  /*}*/
  /*a:link{*/
  /*  color: #F45809;*/
  /*}*/
</style>
